header{
    background-color:rgb(241, 243, 245);
    div{
        .left,.right{
            ul{
                li{
                    &:hover{
                        a{
                            color: #cf0a2c;
                        }
                    }
                    a{
                        color: #a4a4a4;
                    }
                }
                span{
                    font-size: 12px;
                    opacity: .3;
                    margin-top: 9px;
                }
            }
        }
    }
}


main{
    width: 100%;
    background-color:rgb(241, 243, 245);
    nav{
        width: 100%;
        height: 74px;
        overflow: hidden;
        background-color: #fff;
        div{
            width: 1200px;
            height: 100%;
            margin: 0 auto;
            display: flex;
            align-items: center;
            img{
                width: 204px;
                height: 34px;
            }
            span{
                height: 34px;
                margin-left: 26px;
                font-size: 22px;
                color: #3a3a3a;
            }
            
        }
    }

    // 购物车区域
    .shopcart{
        width: 1200px;
        margin: 0 auto;

        // 购物车头部
        .carttop{
            width: 100%;
            min-height: 40px;
            padding-left: 40px;
            margin-top: 20px;
            background-color: #fff;
            display: flex;
            align-items: center;
            color: #a4a4a4;
            font-size: 12px;
            div{
                width: 150px;
                height: 100%;
                input{
                    vertical-align: -3px;
                }
                span{
                    margin-left: 5px;
                }
            }
            ul{
                display: flex;
                li{
                    width: 100px;
                    height: 100%;
                    margin-left: 30px;
                    &:nth-of-type(1){
                        width: 450px;
                        margin: 0;
                    }
                }
            }
        }

        // 购物车列表
        .cartlist{
            width: 100%;
            // min-height: 138px;
            .cartlistmain{
                width: 100%;
                min-height:138px;
                padding-left: 40px;
                padding-top: 20px;
                display: flex;
                font-size: 14px;
                margin-top: 10px;
                background-color: #fff;
                input{
                    margin-top: 4%;
                }
                .maintype{
                    display: flex;
                    a{
                        img{
                            width: 100px;
                            height: 100px;
                            margin-left: 17.2px;
                        }
                    }
                    ul{
                        margin-left: 20px;
                        display: flex;
                        li{
                            width: 136px;
                            &:nth-of-type(1){
                                width: 450px;
                                line-height: 22px;
                                margin-left: 0;
                                display: flex;
                                flex-direction: column;
                                a{
                                    color: #3a3a3a;
                                }
                                i{
                                    color: #666;
                                }
                                b{
                                    color: #a4a4a4;
                                }
                            }
                            &:nth-of-type(2){
                                color: #ca141d;
                                font-weight: 700;
                                padding-left: 18px;
                            }
                            &:nth-of-type(3){
                                display: flex;
                                text-align: center;
                                div{
                                    &:nth-of-type(1){
                                        width: 21px;
                                        height: 21px;
                                        border: 1px solid #cccbcb;
                                        cursor: pointer;
                                    }
                                    &:nth-last-of-type(1){
                                        width: 21px;
                                        height: 21px;
                                        border: 1px solid #cccbcb;
                                        cursor: pointer;
                                    }
                                }
                                input{
                                    width: 43px;
                                    height: 21px;
                                    outline: none;
                                    margin-top: 0;
                                    text-align: center;
                                    border: 1px solid #cccbcb{
                                        left: none;
                                        right: none;
                                    }
                                }
                            }
                            &:nth-of-type(4){
                                color: #ca141d;
                                font-weight: 700;
                                padding-left: 10px;

                            }
                            &:nth-of-type(5){
                                margin-left: 10px;
                                color: #a4a4a4;
                                span{
                                    cursor: pointer;
                                }
                            }
                        }
                    }
                }
            }
        }

        // 购物车尾部
        .cartbtm{
            width: 100%;
            height: 80px;
            margin-top: 10px;
            background-color: #fff;
            border-bottom: 20px solid rgb(241, 243, 245);
            display: flex;
            align-items: center;
            padding-left: 40px;
            // color: #a4a4a4;
            color: black;
            font-size: 12px;
            .boxdel{
                width: 172px;
                height: 100%;
                display: flex;
                align-items: center;
                input{
                    vertical-align: -3px;
                }
                span{
                    margin-left: 5px;
                    margin-right: 20px;
                    &:nth-last-of-type(1){
                        cursor: pointer;
                    }
                }
            }
            .allprice{
                width: 990px;
                height: 100%;
                display:flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-end;
                padding-right: 30px;
                div{
                    span{
                        font-size: 14px;
                    }
                    i{
                        font-size: 18px;
                        color: #ca151e;
                        font-weight: 700;
                    }
                }
                p{
                    color: #a4a4a4;
                    span{
                        color: black;
                    }
                    i{
                        padding: 0 5px;
                        color: #ca151e;
                        font-weight: 700;
                    }
                }
            }
            button{
                width: 180px;
                height: 60px;
                float: right;
                border: none;
                background-color: #ca151e;
                font-size: 18px;
                color: #fff;
                text-align: center;
                line-height: 60px;
                cursor: pointer;
                a{
                    color: #fff;
                }
            }

        }
    }

}



.fixed{
    display: none;
}